<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>08-表单标签</title>
</head>
<body>
	<form action="#">
		<hr>
		<h2>常见的表单</h2>
		<label for="iidd">隐藏域看不见，一般是用来放不可编辑且不想让人看见，但提交必须要有的东西，比如id:</label>
		<br><input type="hidden" name="id" id="iidd">
		<br>普通文本输入框:<input type="text" value="普通文本输入框">
		<br>密码输入框:<input type="password" placeholder="password">
		<br>只读文本输入框:<input type="text" value="只读文本输入框" readonly>
		<br>只读文本输入框:<input type="text" value="不可用文本输入框" disabled>
		<br>
		下拉框：<select name="select">
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
		</select>
		<br>搜索框:<input type="search" placeholder="search">
		<br>单选框:
		<br>男：<input type="radio" name="sex">
		女：<input type="radio" name="sex">
		<br>复选框:
		<br>1：<input type="checkbox" name="ck" value="1" >
		2：<input type="checkbox" name="ck" value="2" checked>
		3：<input type="checkbox" name="ck" value="3" checked>
		<br>xlsx文件<input type="file" name="file" accept=".xlsx">
		<br>datetime-local:<input type="datetime-local" name="dtl" id="dtl">
		<br>datetime:<input type="datetime" name="dt" id="dt">
		<br>date:<input type="date" name="de" id="de">
		<br>week:<input type="week" placeholder="week">
		<br>color:<input type="color" name="co" id="co">
		<br>文本域:<textarea type="textarea" cols="30" rows="5">一般长文本都是使用富文本编辑器</textarea>
		<br>普通按钮:<input type="button" value="button">
		<br>重置按钮:<input type="reset" value="reset">
		<br>提交按钮:<input type="submit" value="submit">
		<br>图片类型按钮：<input type="image" width="300" height="150" target src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1583422628725&di=40b5e9667163145a906fce47f0033cae&imgtype=0&src=http%3A%2F%2Fimg008.hc360.cn%2Fy5%2FM04%2F14%2F97%2FwKhQUVYE9FOEItvTAAAAAJfRk7g990.jpg" alt="眼镜">
		<br>邮箱:<input type="email" name="email" id="email">
		<br>数字输入框:<input type="number" placeholder="number">
		<br>滑块:<input type="range" max="15" min="0"  value="10" placeholder="滑块">
	</form>
	
</body>
</html>